<template>
  <mt-swipe :auto="3000">
    <!-- <span class="mui-spinner" v-if="loading"></span> -->
    <mt-swipe-item v-for="item in pics" :key="item.id">
      <img :src="item.url" alt="" :class="{ full: isfull }" />
    </mt-swipe-item>
  </mt-swipe>
</template>

<script>
export default {
  props: ["pics", "isfull"],
};
</script>

<style lang="less" scoped>
.mint-swipe {
  height: 200px;
  span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -12px;
  }
  .mint-swipe-item {
    text-align: center;
    img {
      height: 100%;
    }
  }
}

.full {
  width: 100%;
}
</style>